import React from 'react';
import '../static/MemberInfo.scss';
import FootMenu from '../components/FootMenu/FootMenu'

/**
 * 修改密码
 */
export default  class EditPassword extends React.Component {

    constructor(props){
        super(props);
    }

    render() {
        return (
            <div>
                <div className="MemberInfo MemberData">
                    <ul>
                        <li>
                            <div className="l">手机号</div>
                            <div className="l2" style={{paddingLeft: '0.50rem'}}>18728804734</div>
                        </li>
                        <li>
                            <div className="l">验证码</div>
                            <div className="l2 verify">
                                <input type="text"  placeholder="请输入验证码"/>
                                <div className="verifyBtn">获取验证码</div>
                            </div>
                        </li>
                        <li>
                            <div className="l">新密码</div>
                            <div className="l2"><input type="text"  placeholder="请输入6-20位新密码"/></div>
                        </li>
                        <li>
                            <div className="l">密码</div>
                            <div className="l2"><input type="text"  placeholder="请重新输入"/></div>
                        </li>
                    </ul>
                </div>
                <div className="w100Btn" style={{marginTop:'0.2rem'}}>修改</div>
                <FootMenu {...this.props}/>
            </div>
        )
    }
}